@charset "utf-8";
/* CSS Document */
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%;background: #ffffff;}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height:24px; color: #555;background-color: #ffffff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.ul, 
form, 
dl, 
dt, 
dd,  
.ol,
figure,
aside,
menu,
nav,
.p,
.h1,.h2,.h3,.h4,.h5{padding: 0;margin: 0;}
.h1,.h2,.h3,.h4,.h5{ font-weight:normal;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #555;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0378bb;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
.ul li em,
.ul li i{ font-style:normal}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
/*	text-align:justify;
	text-justify:inter-ideograph;*/
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

div.box-absolute{ position:absolute; width:100%; height:100%; z-index:10}
div.table{ display:table; width:100%; height:100%; table-layout: fixed;}
div.table-cell{ display:table-cell; vertical-align:middle;}

.row {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.row1,.row2, .row3, .row4, .row5, .row6 {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.row1 {	-webkit-line-clamp: 1;}
.row2 {	-webkit-line-clamp: 2;}
.row3 {	-webkit-line-clamp: 3;}
.row4 {	-webkit-line-clamp: 4;}
.row5 {	-webkit-line-clamp: 5;}
.row6 {	-webkit-line-clamp: 6;}
.fl{ float:left}
.fr{ float:right}

.auto{ margin:0 auto; position:relative}
.auto_1440{ max-width:1470px; padding:0 15px}
.auto_1680{ max-width:1680px;}

.f-30{ font-size:30px; line-height:36px;}
.f-24{ font-size:24px;}
.f-18{ font-size:18px; line-height:32px;}
.f-16{ font-size:16px; line-height:30px;}
.f-12{ font-size:12px;}
@media(max-width:960px){
.f-30{ font-size:22px; line-height:30px;}
.f-24{ font-size:18px;}
.f-18{ font-size:16px; line-height:25px;}
.f-16{ font-size:15px; line-height:24px;}
}
@media(max-width:640px){
.f-30{ font-size:20px; line-height:26px;}
}

.header{ position:fixed; width:100%; top:0px; border-top:solid 4px #014099; z-index:100; background-color:#fff; transition: .3s; }
.header.fixeds{top:-100px;}
.header.top_show{ top:0}
.header .auto{ padding-top:18px; padding-bottom:18px;}
.header .logo{ position:absolute; width:20%;}
.header .language{ position:absolute; right:15px; top:50%; margin-top:-23px;}
.header .language:before{ content:''; position:absolute; left:-21px; width:1px; height:30%; top:40%; background-color:#999999}
.header .language a{ display:block; line-height:46px; padding-left:31px; background:url(../images/language_icon.png) no-repeat left}
.header-menu{ padding-left:20%; padding-right:140px; text-align:right;}
.header-menu ul li{ padding:0.5% 0; display:inline-block; position:relative; min-width:10%; text-align:center}
.header-menu ul li b{ position:relative; font-size:16px; font-weight:normal; display:block; line-height:40px;}
.header-menu .sub{ position:absolute; min-width:100%; background-color:rgba(255,255,255,0.8); display:none; opacity:0; z-index:100}
.header-menu .sub span{ display:block; }
.header-menu .sub span a{ display:block; padding:10px;}
.header-menu .hover .sub{ opacity:1}

.top-search{ position: absolute; z-index:100; right:100px; top:50%; margin-top:-23px;}
.top-search .open-search{ background:url(../images/search_icon.png) no-repeat center center; width:46px; height:46px;  display:block;}
.top-search .search{ position:absolute; z-index:100; display:none; right:0;}
.top-search .search .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.top-search .search .btn{ display:block; position:absolute; right:0; top:0; height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; background:url(../images/search_icon.png) no-repeat center center;}
.top-search .search .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}
.top-search .open-search-show{ background:none;}
.top-search .open-search-show::before,
.top-search .open-search-show::after{ position:absolute; content:''; width:60%; height:3px; background:#e60012; top:50%; left:10%; transform:rotate(-45deg);}
.top-search .open-search-show::after{transform:rotate(45deg);}

.footer{ background-color:#dddddd; margin-top:0.4%; padding-top:2%;}
.footer .foot-menu{ padding-right:180px;}
.footer .foot-menu ul li{ float:left; width:12%}
.footer .foot-menu ul li b{ font-size:16px; display:block; font-weight:normal; padding-bottom:15px;}
.footer .foot-menu ul li span{ display:block; padding:5px 0; opacity:0.8}
.footer .stock{ position:absolute; max-width:260px; right:15px; top:0;}
.footer .stock a{ display:inline-block; padding-right:84px; background:url(../images/foot_stock_icon.png) no-repeat right center}
.footer .stock span,
.footer .stock b{ display:block;}
.footer .stock span{ font-size:16px; padding-bottom:15px;}
.footer .stock b{ font-size:24px; color:#ff0003}

.footer .bshare-custom{ text-align:right; padding:10px 0}
.footer .bshare-custom a{ background:no-repeat center center!important; margin:0 0 0 35px!important;}
.footer .bshare-custom.icon-medium-plus .bshare-weixin{ background-image:url(../images/share_weixin.png)!important}
.footer .bshare-custom.icon-medium-plus .bshare-sinaminiblog{ background-image:url(../images/share_sina.png)!important}
.footer .bshare-custom.icon-medium-plus .bshare-facebook{ background-image:url(../images/share_facebook.png)!important}
.footer .bshare-custom.icon-medium-plus .bshare-twitter{ background-image:url(../images/share_twitter.png)!important}

.other_copyright{ padding:15px 0; border-top:solid 1px #c8c8c8}
.other_copyright,
.other_copyright a{ color:#999999}
.other_copyright .other{ float:left;}
.other_copyright .other a{ position:relative; margin-right:30px;}
.other_copyright .other a:after{ content:''; right:-20px; top:50%; margin-top:-1px; background-color:#999; border-radius:100px; width:3px; height:2px; position:absolute;}
.other_copyright .copyright{ float:right}

.istop{ display:none; position:fixed; right:5%; bottom:10%; cursor:pointer; width:42px; height:42px; z-index:99; background:url(../images/istop.png) no-repeat center center}

@media(min-width:1025px){
.header-menu ul li.aon b{ border-bottom:solid 2px #014099}
.header-menu ul li.aon b a{ color:#014099;}
}

@media(max-width:1025px){
.header .auto{ padding-top:10px; padding-bottom:10px;}
.header .logo{ position:relative; width:40%;}
.header .language{ right:65px;}
.top-search{ right:140px;}
.header-menu{ padding:0;position:fixed; right:-100%; top:0; background:#000; z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s;}
.header-menu.header-menu-show{ right:0;}
.header-menu ul li{ display:block;}
.header-menu ul li a{ color:#fff}
.header-menu ul li .sub{ position:relative; opacity:1}
.header-menu ul li.has-sub b:before{ content:''; display:block; position:absolute; width:10%; height:100%; right:0; background:url(../images/sub_icon.png) no-repeat center center}
#open_menu{ right:15px; top:50%; margin-top:-15px; width:40px; height:30px;background:#e60012; position:absolute; z-index:101; transition:background 0.3s;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute; display:block; background:#fff; border-radius:3px;}
#open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px; top:50%}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}
#open_menu.open_menu_on{ background:#014099;}
#open_menu.open_menu_on i{height:3px; margin-top:-1.5px; background:transparent}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{ top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}

.footer .foot-menu{ display:none}
.footer .stock{ position:relative; max-width:none; right:auto}
.footer .bshare-custom a{ margin-left:15px !important;}
.other_copyright .other,
.other_copyright .copyright{ float:none}
.other_copyright .copyright .icp{ display:none;}
.other_copyright .other{ padding-bottom:8px;}

.istop{ bottom:5%}
}



.banner{ text-align:center; color:#fff; position:relative}
.banner h2{ font-size:42px;}
.banner pre{ font-size:22px; padding:3% 2%; max-width:800px; margin:auto;}
.ban_wap{ display:none;}
@media(max-width:1024px){
.banner h2{ font-size:32px;}
.banner pre{ font-size:18px;}
}
@media(max-width:768px){
.ban_pc{ display:none;}
.ban_wap{ display:block;}
.banner h2{ font-size:22px;}
.banner pre{ font-size:16px;}
}
@media(max-width:640px){
.banner pre{ font-size:13px;}
}

.menu_location{ z-index:99; }
.menu_location .box{padding:15px 0; line-height:44px; position:absolute; left:0; width:100%; bottom:0; border-top:solid 1px rgba(255,255,255,0.3)}
.menu_location,
.menu_location a{ color:#fff;}
.menu_location .menu{ float:left; font-size:18px;}
.menu_location .menu a{ position:relative; display:inline-block; padding:0px 23px; margin-right:30px;}
.menu_location .menu a.on:before{ content:''; display:block; left:0; top:-17px; position:absolute; width:100%; height:2px; background-color:#fff;}
.menu_location .location{ position:relative; float:right; font-size:16px;  background:url(../images/location_icon.png) no-repeat left; padding-left:23px;}
.menu_location .location a{ padding-right:20px; margin-right:5px; background:url(../images/location_a.png) no-repeat right;}
@media(max-width:1480px){
.menu_location .location{ padding-right:15px;}
}
@media(max-width:768px){
.menu_location,
.menu_location a{ color:#555}
.menu_location .box{ position:relative;padding:5px 0;}
.menu_location .location{ padding-right:0; font-size:14px; float:none; text-align:right; background:none;}
.menu_location .location a:nth-child(1):before{ margin-left:-18px; content:''; width:15px; height:100%; position:absolute; display:inline-block; background:url(../images/location_icon2.png) no-repeat center}
.menu_location .location a{background-image:url(../images/location_a2.png)}
.menu_location .menu{ float:none;}
.menu_location .menu a.on{ color:#023894}
.menu_location .menu a.on:before{ top:auto; bottom:0; background-color:#023894}
}
@media(max-width:640px){
.menu_location .menu{ font-size:17px;}
.menu_location .menu a{ float:left; display:block; padding:0; margin-right:0; padding:0 12px; text-align:center}
}

.more_all{ padding-top:20px;}
.more_all a{ font-size:16px; text-indent:30px; display:block; width:180px; line-height:56px; border-radius:100px; background:no-repeat 84% center;transition:transform 0.6s; }
.more_all a:hover{box-shadow:3px 3px 10px 5px rgba(0,0,0,0.2)}
.more_all a.blue{ color:#fff; background-color:#014099; background-image:url(../images/more_jt.png)}
.more_all a.white{ color:#fff; border:solid 1px #fff; line-height:44px; background-image:url(../images/more_jt.png)}
.more_all a.white:hover{background-color:#014099; border-color:#014099;}
.more_all a.gray{ border:solid 1px #dddddd; line-height:52px; background-image:url(../images/more_jt2.png)}
@media(max-width:960px){
.more_all{ padding-top:10px;}
.more_all a{ font-size:14px; text-indent:20px; width:140px; line-height:40px;}
.more_all a.white{ line-height:32px;}
.more_all a.gray{ line-height:34px; }
}
.home-section{ position:relative;}
.home-section:before{ content:''; display:block; position:absolute; width:10px; height:100%; left:50%; margin-left:-5px; background-color:#fff; z-index:1;}
.home-section .item{ position:relative; float:left; width:50%; margin-top:10px}
.home-section .info{ max-width:580px; padding:0 4%; margin:auto; color:#fff}
.home-section .info .icon{ padding-bottom:10px;}
.home-section .info h2{ font-size:40px; line-height:50px;}
.home-section .info pre{ font-size:22px; padding:30px 0}
.home-section .info pre p{ font-size:16px; margin:0}

.home-section .photo{ background-color:#0a1f3d}
.home-section .photo img{ width:100%; opacity:0.7;transition:transform 0.6s;}
.home-section .item:hover .photo img{ opacity:1}

.home-section .item.have-long{ width:100%; margin-left:0; z-index:10}

@media(max-width:1200px){
.home-section .info h2{ font-size:28px; line-height:40px;}
.home-section .info pre{ font-size:18px; padding:15px 0}
.home-section .info pre p{ font-size:15px;}
}
@media(max-width:960px){
.home-section:before{ display:none}
.home-section .item{ float:none; width:100%; margin:1% 0!important}
.home-section .info h2{ font-size:24px;}
.home-section .info pre{ padding:10px 0; font-size:16px;}
.home-section .info .icon img{ width:40px;}
}
@media(max-width:640px){
.home-section .item{ margin-top:4px;}
.home-section .info{ overflow-y:auto; max-height:80%}
.home-section .info h2{ font-size:18px;}
.home-section .info h2.haveicon{ padding-left:40px;}
.home-section .info pre{ font-size:13px; padding:0;}
.home-section .info pre p{font-size:13px;}
.home-section .info .icon{ position:absolute;}
}

.about_editor{ padding:6% 0; background:url(../images/about_bg.jpg) no-repeat center center; background-size:contain}
.about_editor .intro{ font-size:16px; line-height:30px; float:left; width:50%;}
.about_editor .intro .h1{ font-size:30px; color:#023894; padding-bottom:2%}
.about_editor .intro .h2{ font-size:24px; padding-bottom:3%}
.about_editor .intro .txt2{ padding-top:7%}
.about_editor .intro .txt2 ul li{ float:left; width:25%; color:#014099;}
.about_editor .intro .txt2 ul li b{ font-size:48px; display:inline-block;font-family:Impact Regular; font-weight:normal}
.about_editor .intro .txt2 ul li em{ display:inline-block}
.about_editor .intro .txt2 ul li span{ display:block; color:#999}
.about_editor .photo{ float:right; width:44.792%; padding-top:4%}
@media(max-width:1200px){
.about_editor .intro .txt2 ul li{ padding:2% 0; width:50%}
.about_editor .intro .txt2 ul li b{ font-size:30px;}
.about_editor .intro .txt2 ul li em{ line-height:16px;}
}
@media(max-width:768px){
.about_editor .intro,
.about_editor .photo{ float:none; width:100%}
.about_editor .intro{ font-size:14px; line-height:24px;padding-bottom: 10px;}
.about_editor .intro .h1{ font-size:24px;}
.about_editor .intro .h2{ font-size:16px;}
}

.solutions_list { padding:5% 0}
.solutions_list .item{ position:relative}
.solutions_list .icon{ position:absolute; width:100%; top:85px; text-align:center; z-index:5}
.solutions_list .icon span{ display:inline-block; border-radius:100px; position:relative; width:80px; height:80px; line-height:80px; background-color:#014099; color:#fff; text-align:center; font-size:36px;font-family: Impact Regular;}
.solutions_list .icon span:before,
.solutions_list .icon span:after{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; border-radius:100px;}
.solutions_list .icon span:before{ z-index:6; box-shadow:0 0 0 10px rgba(221,221,221,0.3);}
.solutions_list .icon span:after{ z-index:5; animation: waveMove1 2s linear infinite;  box-shadow:0 0 0 20px rgba(221,221,221,0.3);}
.solutions_list .icon img{ border-radius:100px;}
.solutions_list .icon.num{ top:50%; margin-top:-40px;}
.solutions_list .intro{ padding-top:3%; padding-bottom:3%}
.solutions_list .title{ font-size:18px; color:#014099; padding:3% 0;}
.solutions_list .title b{ font-size:22px;}
.solutions_list .info1,
.solutions_list .info2{ padding:2% 0}
.solutions_list .info2 ul li{ position:relative; padding-left:15px;}
.solutions_list .info2 ul li:before{ position:absolute; left:0; top:15px; content:''; display:block; width:3px; height:3px; background-color:#555555;}
.solutions_list .info2 .h3{ font-weight:bold;}
.solutions_list .photo img{ width:100%}
@keyframes waveMove1 {
	from {box-shadow:0 0 0 0px rgba(221,221,221,0.3);}
	to {box-shadow:0 0 0 20px rgba(221,221,221,0.3);}
}

.list_have_tab .tab_pic .slick-dots{ position:absolute; bottom:30px; width:auto; z-index:5;}
.list_have_tab .tab_title a{ margin-right:20px; display:inline-block!important; float:none!important; color:#999999; font-size:20px; width:auto!important; padding:10px 0;}
.list_have_tab .tab_title a:last-child{ margin-right:0}
.list_have_tab .tab_title .slick-current{ color:#014099; border-bottom:solid 2px #014099}
.list_have_tab .tab_title .slick-track{ width:auto!important}
 
@media(min-width:768px){
.solutions_list .intro{font-size:18px; line-height:30px;}
.solutions_list .title{ font-size:30px;}
.solutions_list .title b{ font-size:36px;}
.solutions_list .info2 .fl,
.solutions_list .info2 .fr{ width:48%}
.solutions_list .table-cell{ width:50%}
.solutions_list .item:nth-child(even) .intro{ padding-right:10%}
.solutions_list .item:nth-child(odd) .intro{ padding-left:10%}
.solutions_list .item:nth-child(even) .title,
.solutions_list .item:nth-child(even) .tab_title{ text-align:right}
.list_have_tab .item:nth-child(odd) .tab_pic .slick-dots{ right:5%;}
.list_have_tab .item:nth-child(even) .tab_pic .slick-dots{ left:5%;}

}
@media(max-width:1024px){
.solutions_list .title{ font-size:22px;}
.solutions_list .intro{ font-size:14px;}
}
@media(max-width:768px){
.solutions_list { padding:2% 0}
.solutions_list .item{ padding-bottom:5%}
.solutions_list .icon,
.solutions_list .icon.num{ left:10px; top:3%; width:auto; margin-top:auto}
.solutions_list .icon span{ width:42px;  height:42px; line-height:42px; font-size:24px;}
.solutions_list .title{ font-size:18px; line-height:30px; padding:15px 0}
.solutions_list .have-icon .title{ padding-left:70px;}
.solutions_list .item .intro{ padding:2% 0!important}
.solutions_list .info2 .fl,
.solutions_list .info2 .fr{ width:100%; float:none}
.solutions_list .table-cell{ width:100%; display:block;}
.list_have_tab .tab_title a{ font-size:16px;}
}

.case_list { padding:5% 50px;}
.case_list .photo img{ width:100%}
.case_list .title{ font-size:18px; color:#014099; padding:3% 0;}
.case_list .slick-list{ margin-bottom:30px;}
.case_list .slick-dots:before{ content:''; position:absolute; top:16px; left:0; width:100%; height:1px; background-color:#eeeeee;}
.case_list .slick-dots li{ background-color:#fff}

@media(min-width:768px){
.case_list .photo{ float:left; width:50%}
.case_list .title{ font-size:30px;}
.case_list .intro{ float:right; width:42%;font-size:18px; line-height:30px;}
}

.news_list .photo{ overflow:hidden;}
.news_list .photo img{ width:100%;transition: .5s;}

.news_list .intro{ padding-left:5%; position:relative;}
.news_list .intro .h3{ line-height:40px; height:40px; overflow:hidden; color:#333333}
.news_list .intro .h3 a{ color:#333333}
.news_list .intro .txt{  overflow:hidden;color:#999}
.news_list .hot{ padding-top:4%; margin-bottom:4%; position:relative}
.news_list .hot:after{ position:absolute; content:''; left:0; width:86%; bottom:25px; height:1px; background-color:#eeeeee;}
.news_list .hot .photo{ width:51.4%}
.news_list .hot .intro h5{ font-size:16px; color:#999999}
.news_list .hot .intro .txt{ max-height:120px; margin:20px 0;}
.news_list .hot .slick-dots{ width:auto; position:absolute; right:60px; bottom:18px;}
.news_list .hot .slick-dots li{ display:none; padding:0}
.news_list .hot .slick-dots li button{ font-size:14px; width:auto; color:rgba(2,56,148,0.5);border-radius:inherit; background:none}
.news_list .hot .slick-dots li.slick-active{ display:block;}
.news_list .hot .slick-prev,
.news_list .hot .slick-next{ top:auto; border:none; bottom:-4px; width:30px; height:30px;}
.news_list .hot .slick-prev{ left:auto; right:90px; background-image: url(../js/slick/slick-prev2.png);}
.news_list .hot .slick-next{ background-image: url(../js/slick/slick-next2.png);}
.news_list .hot .slick-prev:hover{background-image: url(../js/slick/slick-prev2-on.png);}
.news_list .hot .slick-next:hover{ background-image: url(../js/slick/slick-next2-on.png);}
.news_list .hot .num{ font-size:14px; line-height:16px; position:absolute; right:36px; bottom: 18px; color:rgba(2,56,148,0.5)}
.news_list .hot .num em{ font-style:normal; padding-left:13px; padding-right:5px;}

.news_list .list .item{ padding:25px 20px;}
.news_list .list .item:nth-child(odd){ background-color:#f9f9f9;}
.news_list .list .item:nth-child(even){ background-color:#fff;}

.news_list .list .item a{ display:block; color:#999}
.news_list .list .photo{ width:27.2%}
.news_list .list time{ display:block; padding:10px 0}
.news_list .list .txt{ max-height:60px;}

.news_list .item:hover .photo img{transform:scale(1.1);}
.news_list .item:hover .intro .h3,
.news_list .item:hover .intro .h3 a{ color:#014099}

@media(max-width:769px){
.news_list .hot:after{ width:65%}
.news_list .photo,
.news_list .intro{ display:block!important; width:100%!important; padding:1% 0}
.news_list .hot .intro .txt,
.news_list .list .txt{ max-height:none}
.news_list .list .item{ padding:2%;}
.news_list .hot .intro .txt{ margin:5px 0}
}

.notice_list{ padding:3% 0}
.notice_list *{transition:all 0.6s}
.notice_list ul li{ padding:2.5% 0; text-indent:23px; position:relative;  border-bottom:solid 1px #eeeeee}
.notice_list ul li time{ float:right; color:#999999; padding-left:10px;}
.notice_list ul li:before{ left:0; content:''; position:absolute; top:50%; margin-top:-1.5px; width:3px; height:3px; background-color:#555555;}
.report_list ul li:after{ content:''; position:absolute; top:50%; margin-top:-13px; right:0; display:block; width:22px; height:26px; background:url(../images/icon_pdf.png) no-repeat center center;transition:all 0.6s}
.report_list ul li time{ padding-right:60px;}

@media(min-width:960px){
.notice_list ul li{float:left; width:46%;}
.notice_list ul li:nth-child(odd){ clear:both; margin-right:8%;}
.notice_list ul li:hover{ background-color:#014099; text-indent:43px;}
.notice_list ul li:hover:before{ left:20px; background-color:#fff}
.notice_list ul li:hover a{ color:#fff}
.notice_list ul li:hover .time{ color:#80a0cc; padding-right:30px;}
.report_list ul li:hover .time{ padding-right:80px;}
.report_list ul li:hover:after{ right:15px; background-image:url(../images/icon_pdf2.png)}
}
@media(max-width:640px){
.notice_list ul li{text-indent:13px;}
.notice_list ul li time{ font-size:13px; }
.report_list ul li time{padding-right:30px;}
}

.single_editor{ padding:5% 0; min-height:100px; font-size:16px; line-height:30px;}

.edit_quality .h2,
.edit_environment .h2{ color:#023894; padding-bottom:3%}
.edit_base .h2{ color:#023894;}
.edit_quality .txt{ padding:3% 0; font-size:16px;}
.edit_quality .txt li{ line-height:20px; padding:10px 0px 10px 17px; position:relative; color:#999999; border-bottom:dotted 1px #e1e1e1;}
.edit_quality .txt li:before{ content:''; display:block; position:absolute; left:0; top:14px; width:10px; height:10px; border-radius:100px;}
.edit_quality .txt li:nth-child(1):before{ background-color:#114ea3}
.edit_quality .txt li:nth-child(2):before{ background-color:#f2b94c}
.edit_quality .txt li:nth-child(3):before{ background-color:#c33434}
.edit_quality .txt li:nth-child(3){ border-bottom:none}
.edit_quality .info{ font-size:18px;}
.edit_quality .photo{ padding:3% 0}
@media(max-width:1024px){
.edit_quality .info{ font-size:14px;}
.edit_quality .txt{ font-size:13px;}
}


.edit_environment .txt2{ padding-top:7%; padding-bottom:5%}
.edit_environment .txt2 ul li{ float:left; width:33%; color:#014099; position:relative;}
.edit_environment .txt2 ul li b{ font-size:48px; display:inline-block;font-family:Impact Regular; font-weight:normal; line-height:48px;}
.edit_environment .txt2 ul li em{ padding-left:5px; display:inline-block; position:absolute; top:0}
.edit_environment .txt2 ul li i{ display:block; height:24px;}
.edit_environment .txt2 ul li span{ display:block; color:#999}
.edit_environment .ul_pic{ padding:3% 0;}
.edit_environment .ul_pic li{ float:left; width:31.945%;}
.edit_environment .ul_pic li:nth-child(2){ margin:0 2.0825%;}

.edit_base .ul_pic { padding-top:3%}
.edit_base .ul_pic li{ float:left; width:31.945%;}
.edit_base .ul_pic li:nth-child(2){ margin:0 2.0825%;}
.edit_base .ul_pic li h4{ padding:10px 0}
@media(max-width:1200px){
.edit_environment .txt2 ul li b{ font-size:30px;}
.edit_environment .txt2 ul li em{ line-height:16px;}
}

@media(min-width:768px){
.edit_quality .info{ float:left; width:37%;}
.edit_quality .photo{ float:right; width:52%;}
.edit_quality .info .h2{ line-height:40px;}

.edit_environment .info{ float:left; width:40%;}
.edit_environment .photo{ float:right; width:50%;}
}
@media(max-width:640px){
.single_editor{ font-size:14px; line-height:24px;}
.edit_environment .ul_pic li{ float:none; width:100%;}
.edit_environment .ul_pic li:nth-child(2){ margin:2% 0;}
.edit_base .ul_pic li{ float:none; width:100%;}
.edit_base .ul_pic li:nth-child(2){ margin:2% 0;}
}


.edit_vision{ position:relative;}
.edit_vision .item{ position:relative; float:left; width:49.653%; margin-top:0.694%; margin-left:0.694%;}
.edit_vision .item:nth-child(odd){ margin-left:0;}
.edit_vision .info{ max-width:520px; padding:0 4%; margin:auto; color:#fff}
.edit_vision .info .icon{ padding-bottom:10px;}
.edit_vision .info h2{ font-size:30px; line-height:40px;}
.edit_vision .info pre{ font-size:18px; padding:20px 0}

.edit_vision .photo{ background-color:#0a1f3d}
.edit_vision .photo img{ width:100%; opacity:0.7;transition:transform 0.6s;}
.edit_vision .item:hover .photo img{ opacity:1}

.edit_vision .item_font .info h3{ font-size:24px; color:#014099}
.edit_vision .item_font .info pre{ font-size:16px; color:#555555}
.edit_vision .item_font .photo{ background-color:#f5f5f5}

@media(max-width:1300px){
.edit_vision .info h2{ font-size:26px; line-height:32px;}
.edit_vision .info pre{ font-size:15px; padding:12px 0; line-height:26px;}
.edit_vision .item_font .info h3{ font-size:18px;}
.edit_vision .item_font .info pre{ font-size:14px; line-height:24px;}
}
@media(max-width:960px){
.edit_vision .info h2{ font-size:24px;}
.edit_vision .info pre{ padding:10px 0; font-size:14px;}
.edit_vision .item_font .info h3{ font-size:16px;}
.edit_vision .item_font .info pre{ font-size:13px; line-height:18px;}
}
@media(max-width:768px){
.edit_vision .item{ float:none; width:100%; margin:1% 0!important}
.edit_vision .info .icon img{ width:40px;}
.edit_vision .item_font{ background-color: #f5f5f5;}
.edit_vision .item_font div.box-absolute{ position:relative}
.edit_vision .item_font .info { padding-top:4%; padding-bottom:4%}
.edit_vision .item_font .photo{ display:none;}

}
@media(max-width:640px){
.edit_vision .item{ margin-top:4px;}
.edit_vision .info h2{ font-size:18px; padding-left:40px;}
.edit_vision .info pre{ font-size:13px; padding:0}
.edit_vision .info .icon{ position:absolute;}
.edit_vision .item_font .info h3{ font-size:15px;}
.edit_vision .item_font .info pre{ font-size:12px; padding:3% 0}
}


.info-title-time{ text-align:center}
.info-title-time .title{ padding:20px 0; color:#222}

.info-page { padding-top:3% }
.info-page span{ display:block;}
.info-page span b{}
.info-page .back{ text-align:center}
.info-page .back a{ width:120px; line-height:40px; display:inline-block; border-radius:100px; border:solid 1px #ddd}
.info-page .back a:hover{ background-color:#014099; color:#fff; border-color:#014099}

.Pages{ text-align:center; padding:2% 0;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page a.a_first,
.Pages .p_page a.a_end{ display:none}
.Pages .p_page{ display:block; text-align:center}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page a{ display:inline-block; border:solid 1px #eeeeee; padding:12px 20px; margin:0 2px;}
.Pages .p_page a.a_cur,
.Pages .p_page a:hover{ background-color:#014099; color:#fff; border-color:#014099}
.Pages .p_page a.a_prev,
.Pages .p_page a.a_next{ font-family:SimSun}
@media(max-width:640px){
.Pages .p_page a{padding:3px 10px;}
}

.contact ul li{ padding:5%; background-color:#f9f9f9;}
.contact h2{ color:#023894}
.contact h3{ color:#014099}
.contact .txt{ padding:20px 0;}
.contact p span{ display:block;}
.contact .lookmap a{ color:#555555;  width:178px; line-height:48px; text-indent:67px; display:inline-block; border-radius:100px; border:solid 1px #dddddd;background:url(../images/icon_map.png) no-repeat 34px;}
.contact .lookmap a.aclick{cursor:pointer;}
.contact .lookmap a.aclick:hover{ color:#fff; background-color:#014099; border-color:#014099;background-image:url(../images/icon_map2.png)}

.map_box{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:102; background:rgba(0,0,0,0.6)}
.map_box #allMap{ max-width:1024px; width:90%; margin:auto; height:600px;}
.map_box .close{ width:40px; height:40px; border-radius:100px; background-color: #ff0404; position:absolute; right:20px; top:20px; display:block; cursor:pointer; background:#e60012 url(../images/close.png) no-repeat center center}
.map_box img{ max-width:inherit}
.BMap_bubble_title{ font-size:16px; color:#023894}
@media(min-width:960px){
.contact ul li{ float:left; width:48%;  margin-top:4%;}
.contact ul li:nth-child(odd){ margin-right:4%; clear:both;}
.contact .txt{ line-height:36px;}
.contact p span{ display:inline-block;}
.contact p span:nth-child(1){ padding-right:30px;}
}
@media(max-width:1200px){
.contact ul li{ padding:3%;}
}
@media(max-width:960px){
.contact ul li{ padding:3%; margin:2% 0!important}
.contact .lookmap a{ width:157px; line-height:38px; background-position:24px;text-indent:50px;}
.map_box #allMap{ height:400px;}
}

.jobs_list{ padding:5% 0}
.jobs_list .job{ line-height:60px;}
.jobs_list .job span{ width:19%; float:left; display:block; text-align:center;}
.jobs_list .job span.name{ width:23%; text-align:left; padding-left:3%;}
.jobs_list .box_head{ color:#fff; background-color:#023894}
.jobs_list .box_item{ border-bottom:solid 1px #e1e3e6; cursor:pointer; position:relative;}
.jobs_list .box_item:before{ content:''; position:absolute; right:2%; top:50%; border:solid 8px transparent; border-right-color:#d3d3d3; transition:all 0.6s}
.jobs_list .box_item.on:before{ border-right-color:transparent; border-top-color:#023894}
.jobs_list .wap_txt{ display:none}
.jobs_list .wap_txt b{ color:#777; font-weight:normal;}
.jobs_list .box_info{ display:none; padding:5% 8%; background-color:#fafafa;border-bottom:solid 1px #e1e3e6}
.jobs_list .info { padding:1% 0}
.jobs_list .info .h3{ color:#023894}
.jobs_list .resume{ padding-top:3%;}
.jobs_list .resume dl{ display:inline-block;position:relative;}
.jobs_list .resume dl.other dt:before{ content:''; position:absolute; right:20px; top:47%; border:solid 8px transparent; border-top-color:#fff; transition:all 0.6s}
.jobs_list .resume dl.other dt a{ padding-right:45px;}
.jobs_list .resume dl dt a{ display:inline-block; padding:0px 30px; line-height:46px; text-align:center; color:#fff; background-color:#023894; border-radius:100px;}
.jobs_list .resume dl dt a:hover,
.jobs_list .resume dl dt.on a{ background-color:#1c73ed}
.jobs_list .resume dl dt.on a{border-radius:10px 10px 0 0;}
.jobs_list .resume dl dd{ position:absolute; min-width:100%; background:#1c73ed; display:none; z-index:100;border-radius: 0 0 10px 10px;}
.jobs_list .resume dl dd span{ display:block; padding:5px 10px; text-align:center}
.jobs_list .resume dl dd a{ color:#fff; display:block; white-space:nowrap;}
@media(max-width:768px){
.jobs_list .job{ line-height:50px;}
.jobs_list .job span.pc{ display:none;}
.jobs_list .job span.name{ width:60%}
.jobs_list .job span.time{ width:40%}
.jobs_list .wap_txt{ display: block}
.jobs_list .box_info{ padding:3%}
.jobs_list .resume a{ line-height:32px;}
}

.job-form .queueList{ margin:0!important; border:none; padding:0!important}
.job-form .webuploader-container{ max-width:130px; display:inline-block}
.job-form .placeholder{ font-size:14px; padding-top:0; text-align:left; min-height:inherit}
.job-form .placeholder input{ display:block; width:100%; height:44px;}
.job-form .placeholder .rt_input{ width:100%!important; height:100%!important; left:0!important}
.job-form .placeholder .webuploader-pick{ border:solid 1px #00746d; font-size:16px; line-height:38px; color:#00746d; background-color:#fff; border-radius:0;width: 120px;text-align: center;padding: 0;}
.job-form .placeholder .webuploader-pick-hover{ background-color:#00746d; color:#fff}
.job-form .statusBar .btns .uploadBtn{background-color:#00746d;}
.job-form .statusBar .btns .uploadBtn:hover{background:#ff9000;}
.job-form p.tips{ display:inline-block; font-size:16px; color:#999999}
.job-form .placeholder p{ display:none;}

.job-form{ position:fixed; width:100%; height:100%; top:0; z-index:100; background:rgba(0,0,0,0.5); display:none}
.job-form .close{ width:40px; height:40px; border-radius:100px; position:absolute; right:10px; top:10px; display:block; cursor:pointer; background:#e60012 url(../images/close.png) no-repeat center center}
.job-form .form{ max-width:800px; padding-bottom:3%; margin:auto; background-color:#fff; position:relative;}
.job-form .form .txt{ text-align:center; font-size:30px; padding:3% 0; margin-bottom:3%; color:#00746d; border-bottom:solid 1px #e4e6e6;}
.job-form .form .txt b{ display:none}
.job-form .input_box{ padding:14px 3%; line-height:40px;}
.job-form .input_box .tit{ font-size:16px; float:left; width:35%; text-align:right}
.job-form .input_box .box{ float:right; width:63%;}
.job-form .input_box #jobname{ font-size:16px; color:#023894}
.job-form  .form_err{ color:#F00}
.job-form .text{ width:100%; max-width:340px; border:solid 1px #ededed; background-color:#f9f9f9; padding:0 3px; line-height:40px; height:40px;}
.job-form .btn{font-size:16px; cursor:pointer; display: inline-block; width:100%; max-width:340px; line-height:42px; color:#fff; background:#023894; border:none;}
.job-form .input_btn{ text-align:center}

.sitemap{ padding:5% 0}
.sitemap ul li{ padding:10px 0;border-bottom:solid 1px #e1e3e6;}
.sitemap ul li b{ display:block}
.sitemap ul li span{ padding-right:10px;}
@media(min-width:768px){
.sitemap ul li{ min-height:70px; float:left; width:42%; margin:0 4%}
}

.links_list{ padding:3% 0}
.links_list ul li { float:left; width:25%; padding:1%}
.links_list ul li a{ display:block; border:solid 1px #e1e3e6; text-align:center; padding:5px;}
.links_list ul li .photo span{ padding-bottom:40%; background:no-repeat center  center; background-size:80%; display:block;}
@media(max-width:640px){
.links_list ul li{ width:50%}
}


.history_list { position:relative; padding:4% 0}
.history_list .history{ color:#fff; position:absolute; width:100%; text-align:center; padding:5% 0;}
.history_list .year{font-family:Impact Regular; line-height:50px;}
.history_list .history-item{ padding:4% 60px; max-width:80%; margin:auto;}
.history_list .history-item .year{ font-size:42px;}
.history_list .history-item .slick-prev,
.history_list .history-item .slick-next{ border-color:#fff; background-color:transparent}
.history_list .history-item .slick-prev{ background-image: url(../js/slick/slick-prev-on.png);}
.history_list .history-item .slick-next{ background-image: url(../js/slick/slick-next-on.png);}
.history_list .history-item .slick-prev:hover{background-image: url(../js/slick/slick-prev.png);background-color:#fff}
.history_list .history-item .slick-next:hover{ background-image: url(../js/slick/slick-next.png);background-color:#fff}
.history_list .history-item .year{ padding-bottom:15px;}
.history_list .history-item p{ padding:0; max-width:80%; margin:auto; min-height:96px}
.history_list .history-nav{ padding:0 14%}
.history_list .history-nav:before{ left:0; content:''; display:block; width:100%; height:1px; top:50%; margin-top:-0.5px; position:absolute; background-color:rgba(250,250,250,0.3)}
.history_list .history-nav .year{ font-size:24px; cursor:pointer; max-width:80px; margin:auto;}
.history_list .history-nav .item:nth-child(odd) .year:before,
.history_list .history-nav .item:nth-child(even) .year:after{ content:''; width:7px; height:7px; border-radius:100px; display:block; margin:auto; background-color:#a5bee2; box-shadow:0 0 0 5px #fff}
.history_list .history-nav .item:nth-child(odd) .year{ padding-top:48px;}
.history_list .history-nav .item:nth-child(even) .year{ padding-bottom:48px;}
.history_list .history-nav .item.slick-current .year:before,
.history_list .history-nav .item.slick-current .year:after{ background-color:#c9b88a; box-shadow:0 0 0 5px rgba(201,184,138,0.5)}
@media(max-width:768px){

.history_list .history-item{ padding-top:0; padding-bottom:0; max-width:96%}
.history_list .history-item .year{ font-size:30px;}
.history_list .history-item p{ font-size:14px; line-height:20px; min-height:60px;}
.history_list .history-nav .year{ font-size:20px;}
.history_list .history-nav{ padding:0 2%}
}
@media(max-width:640px){
.history_list .year{ line-height:30px;}
.history_list .history-item{ padding-left:40px; padding-right:40px;}
.history_list .history-item .year{ font-size:22px; padding-bottom:0}
.history_list .history-item p{ font-size:13px;}
.history_list .history-nav .year{ font-size:16px;}
.history_list .history-nav .item:nth-child(odd) .year{ padding-top:28px;}
.history_list .history-nav .item:nth-child(even) .year{ padding-bottom:28px;}
}

.network_txt{ text-align:center; font-size:18px;}
.network_txt .h3{ font-size:24px;}
.network_item{ position:relative}
@media(min-width:960px){
.network_font{ position:absolute; width:100%; height:100%}
.network_font span{ position:absolute; width:8px; height:8px; }
.network_font span i{ position:absolute; width:8px; height:8px; border-radius:100px; background-color:#e4dac1; /*box-shadow:0 0 0 10px rgba(229,212,183,0.4)*/}
.network_font span b{ position:absolute; font-weight:normal; z-index:100}
.network_font span b a{ display:block; white-space:nowrap; color:#fff; font-size:16px; padding:10px 0;}
.network_font span.n1{ left:77%; top:36%}
.network_font span.n2{ left:21%; top:27%}
.network_font span.n3{left:26%; top:37%}
.network_font span.n4{ left: 23%; top: 50%;}
.network_font span.n5{ left: 35%; top: 66%;}
.network_font span.n6{left: 73%;top: 27%;}
.network_font span.n7{left: 81%; top: 39%;}
.network_font span.n8{left: 84%; top: 42%;}
.network_font span.n9{ left: 67%; top: 45%;}
.network_font span.n10{left: 69%; top: 50%;}
.network_font span.n11{left: 77%; top: 48%;}
.network_font span.n12{left: 79%; top: 48%;}
.network_font span.n13{left: 74%; top: 51%;}
.network_font span.n14{left: 76%; top: 53%;}
.network_font span.n15{left: 81%; top: 56%;}
.network_font span.n16{left: 74%; top: 58%;}
.network_font span.n17{left: 76%; top: 62%;}
.network_font span.n18{left: 80%; top: 62%;}
.network_font span.n19{left: 86%; top: 64%;}
.network_font span.n20{ left:86%; top:75%;}
.network_font span.n21{left: 93%; top: 84%;}
.network_font span.n22{left: 52%; top: 35%;}
.network_font span.n23{left: 50%; top: 36%;}
.network_font span.n24{left: 50%; top: 33%;}
.network_font span.n25{left: 48%; top: 31%;}
.network_font span.n26{left: 52%; top: 32%;}
.network_font span.n27{left: 53%; top: 34%;}
.network_font span.n28{left: 54%; top: 31%;}
.network_font span.n29{left: 54%; top: 36%;}
.network_font span.kong{left:52%; top: 36%; width:14px; height:14px; }
.network_font span.kong i{ background-color:transparent}
.network_font span.n22 b{right:100px;top: 50px;}
.network_font span.n23 b{right:72px; top:10px}
.network_font span.n24 b{right:72px;}
.network_font span.n25 b{right:44px; top:-20px}
.network_font span.n26 b{right:55px; top:-1400%}
.network_font span.n27 b{right:20px; top:-1570%}
.network_font span.n28 b{right:-14px; top:-1300%}
.network_font span.n29 b{right:-84px; top:-1700%}
.network_font span.n22.jt:before{transform: rotate(-131deg);  height: 1200%; left: -423%; top: -195%;}
.network_font span.n23.jt:before{transform: rotate(-121deg); height: 800%; left: -327%; top: -170%;}
.network_font span.n24.jt:before{transform: rotate(-109deg); height: 700%; left: -272%; top: -181%;}
.network_font span.n25.jt:before{ transform: rotate(-90deg);  height: 500%; left: -198%; top: -181%;}
.network_font span.n26.jt:before{ transform:rotate(-42deg);height:1000%;left:-500%;}
.network_font span.n27.jt:before{ transform:rotate(-17deg);height:1000%;left:-120%;}
.network_font span.n28.jt:before{ transform:rotate(15deg); height:800%;left: 70%;}
.network_font span.n29.jt:before{ transform:rotate(36deg); height:1300%; right:-500% }
.network_font span.jt:before{ content:''; position:absolute; bottom:0; display:block; width:100%; background:url(../images/network_jt.png) no-repeat center top}
.network_font span.wjx em{position:absolute; width:20px; height:20px; background:url(../images/wjx.png) no-repeat center center}
.network_font span.wjx i,
.network_font span.wjx b{ display:none}
.network_font span.one i:before,
.network_font span.two i:after,
.network_font span.three:after{ z-index:2; content:''; display:block; border-radius:100px; position:absolute; background-color:rgba(229,212,183,1)}
.network_font span.one i:before{width:200%; height:200%; left:-50%; top:-50%; }
.network_font span.two i:after{ width:400%; height:400%; left:-150%; top:-150%; }
.network_font span.three:after{ width:600%; height:600%; left:-250%; top:-250%; }
.network_font span.one i:before,
.network_font span.two i:after,
.network_font span.three:after{animation: mydh 2s infinite; -moz-animation: mydh 2s infinite; -webkit-animation: mydh 2s infinite;  -o-animation: mydh 2s infinite;}
		@keyframes mydh {
		  0% {opacity: 0.4; }
		  50% {opacity: 0.4; }
		  100% {
			-webkit-transform: scale(2);
			-ms-transform: scale(2);
			-o-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		  }
		}
		@-moz-keyframes mydh {
		  0% {opacity: 0.4;  }
		  50% {opacity: 0.4; }
		  100% {
			-webkit-transform: scale(2);
			-ms-transform: scale(2);
			-o-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		  }
		}
		@-webkit-keyframes mydh {
		  0% { opacity: 0.4;}
		  50% {opacity: 0.4; }
		  100% {
			-webkit-transform: scale(2);
			-ms-transform: scale(2);
			-o-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		  }
		}
		@-o-keyframes mydh {
		  0% {opacity: 0.4; }
		  50% {opacity: 0.4; }
		  100% {
			-webkit-transform: scale(2);
			-ms-transform: scale(2);
			-o-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		  }
		}

}

@media(max-width:960px){
.network_font span { display:inline-block; padding:5px;}
.network_font span a{ display:inline-block; border:solid 1px #ddd; padding:5px 10px; border-radius:5px;}
.network_font .kong{ display:none}
}